<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="include::header"></head>
<link href="/css/jquery-select/jquery.searchableSelect.css" rel="stylesheet" type="text/css">
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="col-sm-12">
			<div class="ibox">
				<div class="ibox-body">
				
				<div class="fixed-table-toolbar">
							<div class="columns pull-left">
								<button shiro:hasPermission="sys:role:add" type="button" class="btn btn-primary" onclick="add()">
							<i class="fa fa-plus" aria-hidden="true"></i>添加
						      </button>
						      <button shiro:hasPermission="sys:role:batchRemove" type="button" class="btn btn-danger" onclick="batchRemove()">
							<i class="fa fa-trash" aria-hidden="true"></i>删除
						   </button>
							</div>
							<div class="columns pull-right" th:if="${flag} == '0'">
								<button class="btn btn-success" onclick="reLoad()">查询</button>
							</div>

							<div class="columns pull-right col-md-2 nopadding" th:if="${flag} == '0'">
								<select data-placeholder="商户" class="form-control chosen-select" name="centreId" tabindex="2">
									<option value="">选择商户</option>
									<option th:each="item: ${centreList}" th:text="${item.name}" th:value="${item.centreId}"></option>
								</select>
							</div>
						</div>
				
					<!-- <div id="exampleToolbar" role="group">
						<button shiro:hasPermission="sys:role:add" type="button" class="btn btn-primary" onclick="add()">
							<i class="fa fa-plus" aria-hidden="true"></i>添加
						</button>
						<button shiro:hasPermission="sys:role:batchRemove" type="button" class="btn btn-danger" onclick="batchRemove()">
							<i class="fa fa-trash" aria-hidden="true"></i>删除
						</button>
					</div> -->
					
					<table id="exampleTable" data-mobile-responsive="true">
					</table>
				</div>
				
			</div>
		</div>
		<!--shiro控制bootstraptable行内按钮看见性 来自bootdo的创新方案 -->
		<div>
			<script type="text/javascript">
				var s_edit_h = 'hidden';
				var s_remove_h = 'hidden';
			</script>
		</div>
		<div shiro:hasPermission="sys:role:edit">
			<script type="text/javascript">
				s_edit_h = '';
			</script>
		</div>
		<div shiro:hasPermission="sys:role:remove">
			<script type="text/javascript">
				var s_remove_h = '';
			</script>
		</div>

	</div>
	<div th:include="include::footer"></div>
	<script type="text/javascript" src="/js/appjs/sys/role/role.js">
	</script>
	  <script src="/js/jquery-select/jquery.searchableSelect.js"></script>
    <script type="text/javascript">
	$(function(){
		$('select').searchableSelect();
	});
	</script>
</body>

</html>